<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>生产-农事-添加</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/index.css" rel="stylesheet">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/index.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<!--导航start-->
<nav class="navbar navbar-fixed-top">
    <div class="container-fluid ">
        <div class="row">
            <div class="col-md-2 nav-logo">
                <a href="首页.html"><img src="images/logo.png" /></a>
            </div>
            <div class="col-md-10 navbar1">
                <p class="navbar-text">信息沟通世界&nbsp;&nbsp;科技服务三农</p>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="销售-订单管理.html"><span class="glyphicon glyphicon-volume-up"></span>&nbsp;<span>订单<span class="badge">1</span></span></a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-info-sign"></span>&nbsp;
                            <span>帮助</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;0451-87963519-815</span></a></li>
                            <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-comment"></span>&nbsp;&nbsp;互助问答</span></a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-user"></span>&nbsp;
                            <span>农业集团科技有限公司</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="text-center"><a href="资源-公司信息.html"><span class="text-primary"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;企业设置</span></a></li>
                            <li class="text-center"><a href="首页.html"><span class="text-primary"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;个人首页</span></a></li>
                            <li class="text-center"><a href="资源-站内信息.html"><span class="text-primary"><span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp;系统消息</span></a></li>
                            <li class="text-center"><a href="修改密码.html"><span class="text-primary"><span class="glyphicon glyphicon-lock"></span>&nbsp;&nbsp;修改密码</span></a></li>

                        </ul>
                    </li>
                    <li>
                        <a href="登录.html">
                            <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;<span>退出</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<!--导航end-->
<!--主体开始-->
<main>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-2 navbar2 sidebar">
                <h3>翔 农 云 农 场</h3>
                <h4>www.nongchang.com</h4>
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                           aria-controls="collapseOne">
                            <i class="ziyuan"></i>
                            <i class="panel-left1">资&nbsp;源</i>
                        </a>
                        <div id="collapseOne" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="资源-公司信息.html">公司信息</a></li>
                                <li><a href="资源-认证信息.html">认证信息</a></li>
                                <li><a href="资源-员工管理-基地负责人.html">员工信息</a></li>
                                <li><a href="资源-园区管理.html">园区管理</a></li>
                                <li><a href="资源-农机管理.html">农机管理</a></li>
                                <li><a href="资源-设备管理.html">设备管理</a></li>
                                <li><a href="资源-站内信息.html">站内信息</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1" aria-expanded="true"
                           aria-controls="collapseOne1">
                            <i class="jihua"></i>
                            <i class="panel-left1">计&nbsp;划</i>
                        </a>
                        <div id="collapseOne1" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="计划-种类.html">种 类</a></li>
                                <li><a href="计划-排产.html">排 产</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne2" aria-expanded="true"
                           aria-controls="collapseOne2">
                            <i class="shengchan"></i>
                            <i class="panel-left1">生&nbsp;产</i>
                        </a>
                        <div id="collapseOne2" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="生产-农事.html">农事管理</a></li>
                                <li><a href="生产-预警管理.html">预警管理</a></li>
                                <li><a href="生产-监测.html">监 测</a></li>
                                <li><a href="生产-控制.html">控 制</a></li>
                                <li><a href="生产-气象.html">气 象</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne4" aria-expanded="true"
                           aria-controls="collapseOne4">
                            <i class="xiaoshou"></i>
                            <i class="panel-left1">销&nbsp;售</i>
                        </a>
                        <div id="collapseOne4" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="销售-订单管理.html">订单管理</a></li>
                                <li><a href="销售-价格.html">价格管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne5" aria-expanded="true"
                           aria-controls="collapseOne5">
                            <i class="lvli"></i>
                            <i class="panel-left1">商&nbsp;品</i>
                        </a>
                        <div id="collapseOne5" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="商品-加工.html">加 工</a></li>
                                <li><a href="商品-损耗.html">损 耗</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne6" aria-expanded="true"
                           aria-controls="collapseOne6">
                            <i class="jiagong"></i>
                            <i class="panel-left1">配&nbsp;送</i>
                        </a>
                        <div id="collapseOne6" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="配送-物流管理.html">物流管理</a></li>
                                <li><a href="履历-履历管理.html">履历管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne7" aria-expanded="true"
                           aria-controls="collapseOne7">
                            <i class="fenxi"></i>
                            <i class="panel-left1">统&nbsp;计</i>
                        </a>
                        <div id="collapseOne7" class="panel-collapse collapse" >
                            <ul class="nav nav-list">
                                <li><a href="汇总-历年产量对比-投产量.html">汇 总</a></li>
                                <li><a href="分析-农事管理分析-环境监控历史纪录.html">分 析</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--左侧nav end-->
    <!--右侧内容开始-->
<div class="col-xs-10 center_box">

<!----------生产>农事----------->
    <div class="row nongji-btn">
        <div class="col-xs-12">
            <span>生产&nbsp;&gt;&nbsp;&nbsp;农事&nbsp;&gt;&nbsp;&nbsp;添加</span>
        </div>
    </div>

<!----区域1 农事计划---->
    <form class="form-horizontal" role="form" >
        <div class="plan">
            <h4>区域1大棚农事计划：<img src="images/yiwancheng_03.png" alt="已完成20%"/></h4>
            <div class="plan-group">
                <div class="form-group has-feedback">
                    <p class="col-xs-1 col-xs-offset-1 control-label">商品</p>
                    <div class="col-xs-3">
                        <select class="form-control xiugai_zhi" disabled="disabled">
                            <option value="">辣椒</option>
                            <option value="">大豆</option>
                            <option value="">龙薯</option>
                            <option value="">西红柿</option>
                            <option value="">玉米</option>
                        </select>
                    </div>
                    <p class="col-xs-1 col-xs-offset-1 control-label" >操作人</p>
                    <div class="col-xs-3">
                        <select class="form-control xiugai_zhi"  disabled="disabled">
                            <option value="">高丽娜</option>
                            <option value="">黄晓明</option>
                            <option value="">孙伟</option>
                        </select>
                    </div>
                </div>
                <div class="form-group has-feedback">
                    <p class="col-xs-1 col-xs-offset-1 control-label">开始时间</p>
                    <div class="col-xs-3">
                        <input type="date"  class="form-control xiugai_zhi" value="2016-05-01"  disabled="disabled"/>
                        <i class="glyphicon glyphicon-th form-control-feedback"></i>
                    </div>
                    <p class="col-xs-1 col-xs-offset-1 control-label">结束时间</p>
                    <div class="col-xs-3">
                        <input type="date"  class="form-control xiugai_zhi" value="2016-05-10"  disabled="disabled"/>
                        <i class="glyphicon glyphicon-th form-control-feedback"></i>
                    </div>
                </div>
                <div class="form-group has-feedback">
                    <div class="col-xs-1 col-xs-offset-10">
                        <a href="#" type="button" role="button" class="btn btn-primary xiugai">修 改</a>
                    </div>
                </div>

            </div>
        </div>

        <div class="plan" style="margin-top:40px;">
            <h4>添加农事操作</h4>
              	<table class="table" style="text-align:center; margin-top:40px;" id="tabProduct">
  					<tr class="success">
                    	<td>操作时间</td>
                        <td>操作内容</td>
                        <td>操作人</td>
                        <td>投入品</td>
                        <td>备注</td>
                    </tr>
                    <tr class="active yuanqu-table" >
                        	<td><input type="text" value="2016-5-10&nbsp;16:00:00" class="yuanqu-bianji" disabled="disabled"/></td>
                            <td><input type="text" value="施肥" class="yuanqu-bianji" disabled="disabled"/></td>
                            <td><input type="text" value="高丽娜" class="yuanqu-bianji" disabled="disabled"/></td>
                            <td></td>
                            <td></td>
                     </tr>
                    <tr class="active yuanqu-table" >
                        <td><input type="text" value="2016-5-11&nbsp;08:00:00" class="yuanqu-bianji" disabled="disabled"/></td>
                        <td><input type="text" value="锄苗" class="yuanqu-bianji" disabled="disabled"/></td>
                        <td><input type="text" value="高丽娜" class="yuanqu-bianji" disabled="disabled"/></td>
                        <td></td>
                        <td></td>
                    </tr>
				</table>
                    
                <div class="row">
					<div class="col-xs-2 col-xs-offset-10" style="margin-bottom:50px;">
                    	<button type="button" class="btn btn-primary" onclick="AddRow(document.getElementById('tabProduct'),1)">添&nbsp;加</button>
						<button type="submit" class="btn btn-primary">提&nbsp;交</button>
					</div>
				</div>
                
            
        </div>
    </form>
        </div>
      </div>
     </div>
  </main>
<!--主体end-->

<!--<script>-->
<!--var s = document.createElement('script');-->
<!--s.onload = function () {-->
<!--bootlint.showLintReportForCurrentDocument([]);-->
<!--}-->
<!--s.src = 'js/bootlint.js';-->
<!--document.body.appendChild(s);-->
<!--</script>-->
<script>
    window.onload=function(){
        //获取input、span
        var oTxt=document.getElementsByClassName('xiugai_zhi')[0];
        var oTxt1=document.getElementsByClassName('xiugai_zhi')[1];
        var oTxt2=document.getElementsByClassName('xiugai_zhi')[2];
        var oTxt3=document.getElementsByClassName('xiugai_zhi')[3];

        var oBtn=document.getElementsByClassName('xiugai')[0];
        //span在点击的时候，修改input的value值，
        //且给input加一个类“on”
        oBtn.onclick=function(){
            oTxt.disabled="";
            oTxt1.disabled="";
            oTxt2.disabled="";
            oTxt3.disabled="";
        };
    };
</script>

<script>
//添加行
  function AddRow(table, index) {  
    var lastRow = table.rows[table.rows.length - 1];  
    var newRow = lastRow.cloneNode(true);  
    table.tBodies[0].appendChild(newRow);  
    return newRow;  
  
}
</script>
<!--<script>-->
<!--//点击按钮可编辑-园区管理-->
     <!--$('.xiugai-btn1').click(function () {-->
         <!--var Text=$(this).text();-->
         <!--if(Text=='修 改'){-->
             <!--$('.yuanqu-table input').removeAttr('disabled').focus();-->
             <!--$(this).text('完 成');-->

         <!--}else{-->
             <!--$('.yuanqu-table input').attr('disabled','disabled');-->
             <!--$(this).text('修 改');-->
         <!--}-->
     <!--});-->
 <!--</script>-->
</body>
</html>